<template>
	<view>
		<navbar title="客服中心">
		</navbar>
		<view v-for="item in list" style="margin: 10px;padding: 10px;background-color: white;border-radius: 7px;display: flex;align-items: center;">
			<img :src="item.icon" style="height: 50px;width: 50px;border-radius: 99px;">
			<view style="display: flex;flex-direction: column;margin: 10px;">
				<p>{{item.name}}</p>
				<p style="font-size: 14px;color: #666666;">{{item.content}}</p>
			</view>
			<view style="flex: 1;text-align: right;">
				<button size="mini" type="primary" @click="add(item.QQ)">添加</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods:{
			add(qq){
				 plus.runtime.openURL('mqqwpa://im/chat?chat_type=wpa&uin=' +qq,function (res) {  
				                plus.nativeUI.alert("本机没有安装QQ，无法启动");  
				            });
			}
		},
		data() {
			return {
				list:[{
					name:"首席运营官",
					QQ:"339851531",
					content:"主要负责平台运营",
					icon:"https://qlogo1.store.qq.com/qzone/339851531/339851531/100?1669483727"
				}]
			};
		}
	}
</script>
